<template>
	<div class="table-head clearfix">
		<span>筛选查询</span>
		<div class="title-menu right">
			<span>收起筛选</span>
			<ul class="title-list clearfix">
				<li>查询结果</li>
				<li>高级检索</li>
			</ul>
		</div>
	</div>
</template>

<script type="text/javascript">
export default {
  data () {
    return {
      formData: {
        name: '',
        type: '',
        time: ''
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
.table-head {
	border: 1px solid #ddd;
	padding: 0 15px 0 40px;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	color: #666;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ddd;

	.title-menu {
		span {
			vertical-align: top;
		}

		.title-list {
			display: inline-block;
			margin: 10px 0 0 10px;
			border: 1px solid #ccc;

			li {
				float: left;
				width: 80px;
				height: 28px;
				line-height: 28px;
				text-align: center;
				background-color: #fff;
				border-right: 1px solid #ccc;
				cursor: pointer;

				&:hover {
	        background-color: #f5f5f5;
	      }

				&:last-child {
					border-right: none;
				}
			}
		}
	}
}
</style>